html, body, div, span, applet, input, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{padding: 0;margin: 0;border: 0;}
html{font-size: 10px; font-family: "微软雅黑"}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px;}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:22px;}}
@media screen and (min-width:800px){html{font-size:25px}}
body{-webkit-font-smoothing: antialiased;color: #333;-ms-touch-action: none;-webkit-touch-action: none;-webkit-overflow-scrolling:touch;font-family: Arial,'Microsoft YaHei';font-size: 1.4rem;background-color: #eaeaea;}
input,select{border: 0;outline: none;font-family: 'Microsoft yahei';background-color: #fff;}
select{appearance:none;-webkit-appearance:none;color: #a7a7a7;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
select:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}
img{border: 0;vertical-align: top;}
textarea{outline: 0;}
u{text-decoration: none;}
a,i,div,li,dl,dt,dd,table,input{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout: none;-webkit-tap-highlight-color: transparent;-webkit-appearance: none;}
.ac:active{box-shadow: inset 10000px 0 #eaeaea;color: #111;}
a,s{text-decoration: none;color: #111;}
ul,li,dl{list-style: none;}
.area{padding: 0 5%;}
.fl{float: left;}
.fr{float: right;}
th{font-size: 14px;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.ell{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.trans{-webkit-transition: .3s ease;-ms-transition: .3s ease;-o-transition: .3s ease;-moz-transition: .3s ease;transition: .3s ease;}
table{width: 100%;border-collapse: collapse;}
.t_bor,.b_bor{position: relative;}

.t_bor:before,.b_bor:after{content: "";position: absolute;left: 0;width: 100%;height: 1px;background-color: #d9d9d9;-webkit-transform: scaleY(.5);-o-transform: scaleY(.5);transform: scaleY(.5);}
.t_bor:before{top: 0;-webkit-transform-origin: top;transform-origin: top;}
.b_bor:after{bottom: 0;-webkit-transform-origin: bottom;transform-origin: bottom;}

.r_bor,.l_bor{position: relative;}
.r_bor:before,.l_bor:after{content: "";position: absolute;top: 0;width: 1px;height: 100%;background-color: #d9d9d9;-webkit-transform: scaleX(.5);-o-transform: scaleX(.5);transform: scaleX(.5);}
.r_bor:before{right: 0;-webkit-transform-origin: right;transform-origin: right;}
.l_bor:after{left: 0;-webkit-transform-origin: left;transform-origin: left;}
.flexbox{display: -webkit-flex;display: -webkit-box;display: flex;}
.flex{-webkit-flex: 1;-webkit-box-flex:1;flex: 1;}

/* header start */
header{background-color: #fff;-webkit-justify-content: space-between;-webkit-align-items: center;justify-content: space-between;-webkit-align-items: center;align-items: center;}
header .headdiv{color: #0051bc;padding: 1.2rem 5%;}
header h1{font-size: 1.8rem;font-weight: normal;}
header .headdiv i{font-size: 2rem;}
header .navbtn{position: relative;}
header nav{position: absolute;top: 122%;right: 5%;padding: 0 1.8rem;background-color: #444;z-index: 11;border-radius: 2px;display: none;}
header nav ul li{border-bottom: .5px solid #666;padding: 1rem 0;text-align: center;}
header nav ul li i{padding-right: .8rem;}
header nav ul li a{color: #fff;font-size: 1.6rem;}
header nav ul li .sontab{visibility: hidden;height: 0;overflow: hidden;}
header nav ul li .sontab a{display: block;height: 3.2rem;line-height: 3.2rem;font-size: 1.5rem;text-align: right;}
header nav ul li .sontab.show{padding-top: .4rem;visibility: visible;}
header nav i.sanjiao{position: absolute;top: -18px;right: 2%;font-size: 2.8rem;color: #444;}
#zhezhao{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;display: none;}
/* end header */

/* start footer */
.footer{width: 100%;background-color:#fff;position: fixed;left: 0;bottom: 0;z-index: 10;}
.footer .content{text-align: center;}
.footer .content div{height: 100%;}
.footer .content div a{display: block;height: 100%;color: #696969;padding: .4rem 1rem;font-size: 1rem;}
.footer .content div a:active{color: #0051bc;}

.footer .content div a.active{color: #0051bc;}
/* end footer */

#tip{display: none;position: fixed;z-index: 13;top: 50%;left: 50%;padding: .8rem;background-color: rgba(0,0,0,.8);color: #fff;max-width: 40%;border-radius: 8px;text-align: justify;line-height: 1.6rem;box-shadow: 0 1px 2px #000;overflow: hidden;}

/* loginPackage start */
header .loginpage a{display: block;}
body{background-color: #f5f5f5;}
.fail{color: #d4d4d4;}
#login .container{padding: 10%;}
#login .container .logo{width: 70%;margin: 0 auto;}
#login .container .loginbox{background-color: #fff;margin: 10% 0;border: 1px solid #eaeaea;}
#login .container .loginbox .inputbox input{height: 3.4rem;padding: .4rem 0;width: 100%;text-indent: 1rem;font-size: 1.4rem;}
#login .container .loginbox .inputbox .getyzm{padding: .28rem;margin-right: .28rem;border: .5px solid #d4d4d4;border-radius: 3px;}
#login .container .btnbox a.login{position: relative;display: block;height: 3.6rem;line-height: 3.6rem;border-radius: 3px;background: linear-gradient(to bottom,#0e7bef,#0d73da);box-shadow: 0 1px 2px rgba(0,0,0,.05), inset 0 1px 1px rgba(255,255,255,.15);color: #fff;font-size: 14px;text-align: center;text-shadow: 0 1px 1px rgba(0,0,0,.12);margin: 8% 0 4%;}
#login .container .btnbox a.fail{color: #d4d4d4;}
#login .container .btnbox .flexbox{justify-content: space-between;}
#login .container .btnbox .flexbox a{color: #0d73da;}
::-webkit-input-placeholder{color: #888;}
/* end /login */

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*模板展示 start*/
#show-template{position: fixed;width: 100%;height: 100%;z-index: 12;background-color: rgba(0,0,0,.9);top: 0;left:0;visibility: hidden;opacity: 0;}
#show-template.visible{visibility: visible;opacity: 1;}
/*#show-template img{position: absolute;top: 50%;left: 50%;opacity: 0;z-index: 1;}
#show-template img.trans{transition: opacity .3s ease;}
#show-template img.show{opacity: 1;}*/
#show-template .loading{width: 3rem;height: 3rem;border-top: .4rem solid rgba(255,255,255, 0.2);border-right: .4rem solid rgba(255,255,255, 0.2);border-bottom: .4rem solid rgba(255,255,255, 0.2);border-left: .4rem solid #ffffff;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -1.5rem 0 0 -1.5rem;}
#show-template .loading.animatie{-webkit-animation: loading 1s infinite linear;animation: loading 1s infinite linear;}
/*end 模板展示*/

/* #uploadpage-section start*/
#uploadpage .container{padding-bottom: 20%;overflow: hidden;}
#uploadpage .container ul.ulcon li{padding: 1.2rem 5%;background-color: #fff;position: relative;}
#uploadpage .container ul.ulcon li .box{align-items: center;just-content: space-between;}
#uploadpage .container ul.ulcon li .icon{padding: 4px;border-radius: 6px;margin-right: 5%;}
#uploadpage .container ul.ulcon li .bgcolor1{background-color: #ff9500;}
#uploadpage .container ul.ulcon li .bgcolor2{background-color: #007aff;}
#uploadpage .container ul.ulcon li .bgcolor3{background-color: #4cd964;}
#uploadpage .container ul li span{color: #606060;font-size: 1.6rem;}
#uploadpage .container ul.ulcon li i.rotate{transform: rotate(90deg);}
#uploadpage .container ul.ulcon li i{color: #c7c7c7;font-size: 2.2rem;transform-origin: 10px;}

#uploadpage .container ul.ulcon li .info .posbor{position: absolute;width: 100%;bottom: 0;}
#uploadpage .container ul.ulcon li .info i{font-size: 2rem;display: none;opacity: 1;}
#uploadpage .container ul.ulcon li i.fail{color: #fd0421;opacity: 0;}
#uploadpage .container ul.ulcon li i.success{color: #5cb85c;display: none;}
#uploadpage .container ul.ulcon li i.success.warning{color: #f0ad4e;}
#uploadpage .container ul.ulcon li i.warning{color: #f0ad4e;}
#uploadpage .container ul.ulcon .hideinfo{overflow: hidden;background-color: #eaeaea;height: 0;}
#uploadpage .container ul.ulcon .hideinfo .hideul{overflow: hidden;}
#uploadpage .container ul.ulcon .hideinfo .hideul li{padding: 0;overflow: hidden;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .addFile{color: #007aff;display: block;width: 70%;margin: 0 auto 1rem;text-align: center;height: 3rem;line-height: 3rem;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .addFile i{color: #007aff;vertical-align: bottom;padding-right: .2rem;}
#uploadpage .container ul.ulcon .hideinfo .hideul li label span{font-size: 1.5rem;padding: 0;padding-right: .8rem;}
#uploadpage .container ul.ulcon .hideinfo .hideul li label select{font-size: 1.6rem;}
#uploadpage .container a.nextpage,section .container a.subbtn{position: relative;display: block;height: 40px;line-height: 40px;width: 90%;text-align: center;margin: 3% auto;border-radius: 6px;background-color: #f6a32d;color: #fff;}
#uploadpage .container a.fail{background-color: #5cb85c ;}
/*#uploadpage .container a.nextpage,section .container a.subbtn:active{background-color: #59ab59;}
*/
#uploadpage .container ul.ulcon .hideinfo .hideul li p.baseTab{padding: .4rem 2rem;background-color: #eaeaea;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .title{padding: 2% 5%;width: 90%;align-items: center;justify-content: space-between;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .title .template{position: fixed;width: 100%;height: 100%;z-index: 12;background-color: rgba(0,0,0,.9);top: 0;left:0;visibility: hidden;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .title .template.visible{visibility: visible;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .title span{font-size: 1.4rem;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .title .look{font-size: 2.8rem;color: #007aff;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .upbox{align-items: center;flex-flow: column;text-align: center;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .uplabel{position: relative;padding: 2%;width: 40%;border: 1px dashed #007aff;overflow: hidden;min-height: 10rem;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .uplabel input{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;z-index: 2;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .uplabel .loadingbox{position: absolute;width: 100%;height: 100%;z-index: 3;align-items: center;justify-content: center;top: 0;left: 0;background-color: #fff;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .uplabel .hide{display: none;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .uplabel .loadingbox span{font-size: 1rem;color: #333;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .uplabel .loading{position: absolute;top: 50%;left: 50%;margin: -1.9rem 0 0 -1.9rem;width: 3rem;height: 3rem;border-top: .4rem solid rgba(0,0,0, 0.2);border-right: .4rem solid rgba(0,0,0, 0.2);border-bottom: .4rem solid rgba(0,0,0, 0.2);border-left: .4rem solid #ffffff;border-radius: 50%;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .uplabel .animation{-webkit-animation: loading 1s infinite linear;animation: loading 1s infinite linear;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .uplabel .showimg{position: absolute;width: 96%;height: 96%;top: 2%;left: 2%;background-color: #fff;display: none;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .uplabel .showimg img{filter: blur(3px);position: relative;top: 0;left: 0;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .uplabel .up{padding-bottom: .8rem;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .uplabel .up.warning{font-weight: bold;color: #f0ad4e;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .uplabel .up.wait{color: #5cb85c;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .uplabel i{font-size: 6.6rem;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .uplabel i.wait{color: #5cb85c;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .imagename{padding: .6rem;line-height: 1.8rem;text-align: center;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .imagename a{display: none;;padding: .4rem 1rem;}
#uploadpage .container ul.ulcon .hideinfo .hideul li .imagename a i{vertical-align: middle;color:#fd0421;}
/* end #uploadpage-section*/

.loader {-webkit-transform: translateZ(0);transform: translateZ(0);}
.load-container {width: 90px;height: 90px;position: fixed;top: 50%;left: 50%;margin: -25px 0 0 -45px;z-index: -1;}
.load7 .loader:before, .load7 .loader:after, .load7 .loader {border-radius: 50%;width: .8em;height: .8em;margin: 0 auto;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation: load7 2.2s infinite ease-in-out;animation: load7 2.2s infinite ease-in-out;}
.load7 .loader:before, .loader:after {content: '';position: absolute;top: 0;}
.load7 .loader:before {left: -1.5em;-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.load7 .loader:after {left: 1.5em;}
.sectrans{-webkit-transition: .8s ease;transition: .8s ease;}
.sectrans .shtg {
	margin-top: 44%;
	text-align: center;
}

.sectrans .shtg p {
	margin-top: 5%;
    font-size: 2rem;
}

.sectrans .shtg i {
	font-size: 7rem;
	color: #5cb85c;;
}

@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #77d2f1;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #77d2f1;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #77d2f1;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #77d2f1;
  }
}
.visiblecon{visibility: hidden;opacity: 0;}

#user{/*height: 13.6rem;*/background-color: #007aff;padding: 2rem;position: relative;text-align: center;color: #fff;}
#user .return{position: absolute;z-index: 1;top: 0;left: 0;color: #fff;padding: 4% 5%;}
#user .headimg{width: 80px;height: 80px;border-radius: 50%;}
#user h2{font-weight: normal;font-size: 1.6rem;}

.textloading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -8px;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    height: 16px;
    width: 16px;
    display: inline-block;
    -webkit-animation: rotate 0.75s 0s linear infinite;
    animation: rotate 0.75s 0s linear infinite;
}

#window_loading {
	display: none;
	position: fixed;
	background-color: rgba(0,0,0,.7);
	top: 50%;
	left: 50%;
	z-index: 100;
	border-radius: 1.2rem;
}

#window_loading .loading{
    width: 3rem;
    height: 3rem;
    border-top: .4rem solid rgba(0, 0, 0, 0.2);
    border-right: .4rem solid rgba(0, 0, 0, 0.2);
    border-bottom: .4rem solid rgba(0, 0, 0, 0.2);
    border-left: .4rem solid #ffffff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1.9rem 0 0 -1.9rem;
}

#window_loading .animate {
	-webkit-animation: loading 0.75s 0s linear infinite;
    animation: loading 0.75s 0s linear infinite;
}

@keyframes rotate {
  0% {
   		-webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
      }

  50% {
    	-webkit-transform: rotate(180deg) scale(1.1);
        transform: rotate(180deg) scale(1.1); 
      }

  100% {
    	-webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1); 
       } 
}


/* LU */
/*以图片为背景的基础设置*/
.inlineBlockImg{
    display:inline-block;
    background-size:100%;
}
.blockImg{
    display:block;
    background-size:100%;
}

/* 产品培训注释弹窗  */
#training_notes {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background-color: rgba(0,0,0,0.5);
}

#training_notes .content {
	position: absolute;
	width: 235px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #fff;
	border-radius: 5px;
	padding: 12px 6px;
	-webkit-align-items: center;
	align-items: center;
}

#training_notes .content img {
	width: 35px;
	height: 35px;
}

#training_notes .content p {
	margin-left: 11px;
	line-height: 20px;
	font-size: 13px;
	color: #666;
}

